<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <!-- 引入 Bootstrap -->
      <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 <c:url var="url" value="static/css/globe.css"/>
	<link rel="stylesheet" type="text/css" href="${url}"> 
      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">


<link rel="stylesheet"
	href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!-- jquery表单前端验证 -->
<script
	src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script
	src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
		<title>添加教师信息</title>
		<meta http-equiv="content-Type" content="text/html;charset=UTF-8">
	</head>
	<body  background="12.jpg" style="background-repeat:no-repeat;
		background-size:100%;
		background-attachment:fixed;">
		<div>
		<h3 align="center">教师信息</h3>
		
		  <a class="btn btn-info btn-sm" id="modal-24928" role="button" href="#modal-container-24928" data-toggle="modal" style="folat:right">添加</a>
		 	  <table  class="table table-hover">  
		    <tr>
      <td >编号</td>
      <td>教师姓名</td>
      <td >密码</td>
      </tr>
 <c:forEach items="${lists}" var="item">
<tr>
	
	<td class="warning">${item.jno}</td>
	<td class="success">${item.jname}</td>	
	<td class="success">${item.jpassword}</td>	
</tr>

</c:forEach>
	</table>
 </div>	    
 
  <!--插入弹出框-->
<div class="container">
	<div class="row clearfix">
		
			<div class="modal fade" id="modal-container-24928" role="dialog" aria-hidden="true" aria-labelledby="myModalLabel">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							 <button class="close" aria-hidden="true" type="button" data-dismiss="modal">×</button>
							<h4 class="modal-title" id="myModalLabel">
								添加任课信息
							</h4>
						</div>
						<div class="modal-body">
							<form id="formforaddQuestion" method="post"
                          action="${pageContext.request.contextPath }/servlet/QuestionContrllor?contrltype=3">
                          
                        <DIV class="info"><input type="text" name="jno" placeholder="任课教师编号"/></DIV>
                        <DIV class="info"><textarea placeholder="任课班级" name="banji"></textarea></DIV>
                        
                      <DIV class="span1 info"><input type="reset" value="取消" class="btn btn-default"  data-dismiss="modal" />&nbsp;&nbsp;
                      <input type="submit" value=" 提交" class="btn btn-primary" id="savainsert" onclick="addRow()" /></DIV>
                    </form>	 
						</div>
						
					</div>
				</div>
			</div>
		</div>
</div>   

<!--弹出框的功能-->
      <script>
	  
	 $(function(){
    $("#modal-24928").click(function(){
      $("#modal-container-24928").modal("toggle");
    });
  });   
 <!--删的功能--> 
     </script>
 	    <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
      <script src="https://code.jquery.com/jquery.js"></script>
      <!-- 包括所有已编译的插件 -->
      <script src="js/bootstrap.min.js"></script>
	</body>
	
</html>

